<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="./axios/axios.min.js"></script>
    <script>
        // 使用axios的create方法 创建一个实例  
        // 用实例去发送请求 
        // 在实例身上进行一些配置 

        // 达到 我们函数柯里化封装ajax 延长 第一个参数的生命周期的目的等 
        // axios.create({配置项});

        // 得到axios实例 


        // 配置跟之前  axios({})一样

        // axios({配置项})  => 实例({配置项})
        // axios.get(请求地址, { 其他配置项 })  => 实例.get(请求地址, { 其他配置项 })
        // axios.post(请求地址, { 请求体 }, { 其他配置项 }) => 实例.post(请求地址, { 请求体 }, { 其他配置项 })


        const one = axios.create({
            //可以配置公共基准地址
            baseURL:'http://localhost:8080',
            headers:{
                'content-type':'application/x-www-form-urlencoded',
                'authorization':'abcdef'
            }
        })



        // 测试请求1:

        // one({
        //     url:'/test/first'
        // }).then(data=>{
        //     console.log(data)
        // })


        // one({
        //     url:'/test/second'
        // }).then(data=>{
        //     console.log(data)
        // })


        // one({
        //     url:'/test/third',
        //     params:{
        //         name:'大个',
        //         age:19
        //     }
        // }).then(data=>{
        //     console.log(data)
        // })

        // one.get('/test/third',{params:{name:'小雨',age:99}}).then(data=>{
        //     console.log(data)
        // })


        // one.post('/test/fourth',{name:'雪',age:20}).then(data=>{
        //     console.log(data.data.info.name,data.data.info.age)
        // })



        async function fn1(){
            const fn1 = await one.post('/test/fourth',{name:'雪',age:20}).then(data=>{
                return [data.data.info.name,data.data.info.age]
            })
           console.log(fn1);
        }

        fn1();
    </script>
</body>
</html>